MxScrollView
{
  -mx-scrollbar-width: 14;
  -mx-scrollbar-height: 14;
}

MxProgressBar MxProgressBarFill {
  border-image: url('./img/progress-bar-bar.png') 3;
  height: 16;
}

/* scroll bars */
MxScrollBar
{
  padding: 0;
}

MxScrollBar *.vtrough
{
  border-image: url('./img/scroll-vbackground.png') 5 5 7 5;
}

MxScrollBar *.vtrough:disabled
{
  border-image: url('./img/scroll-vbackground-disabled.png') 5 5 7 5;
}

MxScrollBar MxButton.vhandle
{
  border-image: url('./img/scroll-vhandle.png') 5;
}

MxScrollBar MxButton.vhandle:hover
{
  border-image: url('./img/scroll-vhandle-hover.png') 5;
}

MxScrollBar MxButton.vhandle:active
{
  border-image: url('./img/scroll-vhandle-active.png') 5;
}

MxScrollBar MxButton.vhandle:disabled
{
  border-image: url('./img/scroll-vhandle-disabled.png') 5;
}

/* ===================================================================
 * (main.js)
 * ===================================================================*/
#stage-background {
  background-color: rgb(0, 0, 0);
  border-image: url('./img/stage-background.png');
}

#stage-overlay {}

/* ===================================================================
 * LoadScreen (loadScreen.js)
 * ===================================================================*/
#loadScreen-background {
  background-color: rgb(0, 0, 0);
  background-image: url('./img/loadScreen-background.png');
}

#loadScreen-overlay {}

.loadScreen-label {
  padding: 10;
  color: rgb(255, 255, 255);
  font-size: 15pt;
  font-weight: bold;
}

/* ===================================================================
 * ControlPanel (controlPanel.js)
 * ===================================================================*/
#controlPanel-background {}

#controlPanel-overlay {}

.controlPanel-album-background {
  padding: 10;
}

.controlPanel-album-overlay {}

.controlPanel-layout {
  padding: 10 0 0 10;
  -mx-spacing: 10;
}

.controlPanel-playtime-progressbar {}

.controlPanel-playtime-slider {
  -mx-trough-height: 16;
  -mx-handle-height: 16;
  -mx-handle-width: 3;
}
.controlPanel-playtime-slider *#trough-background {
  border-image: url('./img/slider-background.png');
}
.controlPanel-playtime-slider > MxButton
{
  border-image: url('./img/slider-handle.png');
}
.controlPanel-playtime-slider > MxButton:hover
{
  border-image: url('./img/slider-handle.png');
}
.controlPanel-playtime-slider > MxButton:active
{
  border-image: url('./img/slider-handle.png');
}

.controlPanel-playtime-seek-label {
  color: rgb(255, 255, 255);
  font-size: 12pt;
}

.controlPanel-duration {
  color: rgb(255, 255, 255);
  font-size: 12pt;
}

.controlPanel-command-layout {
  -mx-spacing: 5;
}

.controlPanel-play-pause {
  -mx-content-image: url('./img/play.svg');  
}
.controlPanel-play-pause:hover {
  -mx-content-image: url('./img/play-hover.svg');
}
.controlPanel-play-pause:active {
  -mx-content-image: url('./img/play-active.svg');
}

.controlPanel-play-pause:checked {
  -mx-content-image: url('./img/pause.svg');
}
.controlPanel-play-pause:checked:hover {
  -mx-content-image: url('./img/pause-hover.svg');
}
.controlPanel-play-pause:checked:active {
  -mx-content-image: url('./img/pause-active.svg');
}

.controlPanel-stop {
  -mx-content-image: url('./img/stop.svg');
}
.controlPanel-stop:hover {
  -mx-content-image: url('./img/stop-hover.svg');
}
.controlPanel-stop:active {
  -mx-content-image: url('./img/stop-active.svg');
}

.controlPanel-prev {
  -mx-content-image: url('./img/prev.svg');
}
.controlPanel-prev:hover {
  -mx-content-image: url('./img/prev-hover.svg');
}
.controlPanel-prev:active {
  -mx-content-image: url('./img/prev-active.svg');
}

.controlPanel-next {
  -mx-content-image: url('./img/next.svg');
}
.controlPanel-next:hover {
  -mx-content-image: url('./img/next-hover.svg');
}
.controlPanel-next:active {
  -mx-content-image: url('./img/next-active.svg');
}

.controlPanel-volume-icon {
  -mx-content-image: url('./img/volume.svg');
}

.controlPanel-volume-slider {}

.controlPanel-title {
  padding: 20 0 0 0;
  color: rgb(255, 255, 255);
  font-size: 12pt;
}

.controlPanel-artist {
  padding: 0 0 20 0;
  color: rgb(255, 255, 255);
  font-size: 12pt;
  font-weight: bold;
}

/* ===================================================================
 * AlbumArt (albumArt.js)
 * ===================================================================*/
#albumArt-background {}

#albumArt-overlay {}

.albumArt-default {
  border-image: url('./img/albumArt-default-background.png');
}

.albumArt-image {}

.albumArt-default-artist {
  padding: 10 0 0 2;
  color: rgb(255, 255, 255);
  font-size: 15pt;
  font-weight: bold;
}

.albumArt-default-album {
  padding: 0 0 0 2;
  color: rgb(200, 200, 200);
  font-size: 13pt;
}

/* ===================================================================
 * MedialibPanel (medialibPanel.js)
 * ===================================================================*/
#medialibPanel-background {
  background-color: rgba(0, 0, 0, 0);
  padding: 130 0 30 0;
}

#medialibPanel-overlay {}

.medialibPanel-layout {}

.medialibPanel-tab-bar {
  margin: 0 330 0 0;
  border-image: url('./img/medialibPanel-tab-bar-border.png');
}

.medialibPanel-browse-tab {
  margin: 0 130 0 0;
  padding: 0 30 0 30;
  border-image: url('./img/medialibPanel-tab-border.png') 10 20 10 20;
}
.medialibPanel-browse-tab:current-tab {
  border-image: url('./img/medialibPanel-current-tab-border.png') 10 20 10 20;
}

.medialibPanel-browse-button {
  -mx-content-image: url('./img/browse.svg');
}
.medialibPanel-browse-button:hover {
  -mx-content-image: url('./img/browse-hover.svg');
}
.medialibPanel-browse-button:active {
  -mx-content-image: url('./img/browse-active.svg');
}

.medialibPanel-collection-tab {
  margin: 0 70 0 0;
  padding: 0 30 0 30;
  border-image: url('./img/medialibPanel-tab-border.png') 10 20 10 20;
}
.medialibPanel-collection-tab:current-tab {
  border-image: url('./img/medialibPanel-current-tab-border.png') 10 20 10 20;
}
.medialibPanel-collection-button {
  -mx-content-image: url('./img/collection.svg');
}
.medialibPanel-collection-button:hover {
  -mx-content-image: url('./img/collection-hover.svg');
}
.medialibPanel-collection-button:active {
  -mx-content-image: url('./img/collection-active.svg');
}

.medialibPanel-search-tab {
  margin: 0 10 0 0;
  padding: 0 30 0 30;
  border-image: url('./img/medialibPanel-tab-border.png') 10 20 10 20;
}
.medialibPanel-search-tab:current-tab {
  border-image: url('./img/medialibPanel-current-tab-border.png') 10 20 10 20;
}
.medialibPanel-search-button {
  -mx-content-image: url('./img/search.svg');
}
.medialibPanel-search-button:hover {
  -mx-content-image: url('./img/search-hover.svg');
}
.medialibPanel-search-button:active {
  -mx-content-image: url('./img/search-active.svg');
}

.medialibPanel-content {}

/* ===================================================================
 * BrowsePanel (browsePanel.js)
 * ===================================================================*/
#browsePanel-background {}

#browsePanel-overlay {}

.browsePanel-layout {
  padding: 10 500 10 10; /* padding-right to prevent overlap with playlist */
  -mx-row-spacing: 5;
  -mx-column-spacing: 5;
}

.browsePanel-search-close {
  -mx-content-image: url('./img/close.svg');
}
.browsePanel-search-close:hover {
  -mx-content-image: url('./img/close-hover.svg');
}
.browsePanel-search-close:active {
  -mx-content-image: url('./img/close-active.svg');
}

.noResultText-label {
  padding: 10;
  color: rgb(255, 255, 255);
  font-size: 12pt;
  font-weight: bold;
}

#album-background {}

#album-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#album-overlay:hover {
  background-color: rgba(0, 0, 0, 0);
}

/* ===================================================================
 * CollectionPanel (collectionPanel.js)
 * ===================================================================*/
#collectionPanel-background {}

#collectionPanel-overlay {}

.collectionPanel-layout {
  padding: 10 500 10 10; /* padding-right to prevent overlap with playlist */
  -mx-row-spacing: 5;
  -mx-column-spacing: 5;
}

.collectionPanel-search-close {
  -mx-content-image: url('./img/close.svg');
}
.collectionPanel-search-close:hover {
  -mx-content-image: url('./img/close-hover.svg');
}
.collectionPanel-search-close:active {
  -mx-content-image: url('./img/close-active.svg');
}

#collection-background {}

#collection-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#collection-overlay:hover {
  background-color: rgba(0, 0, 0, 0);
}

.collection-icon-collection {
  padding: 5;
  -mx-content-image: url('./img/collection-icon.svg');
}

.collection-icon-playlist {
  padding: 5;
  -mx-content-image: url('./img/playlist-icon.svg');
}

.collection-menu-layout {
  padding: 0 10 5 0;
  -mx-spacing: 5;
}

.collection-menu-view {
  -mx-content-image: url('./img/view.svg');
}
.collection-menu-view:hover {
  -mx-content-image: url('./img/view-hover.svg');
}
.collection-menu-view:active {
  -mx-content-image: url('./img/view-active.svg');
}

.collection-menu-set-active {
  -mx-content-image: url('./img/play.svg');
}
.collection-menu-set-active:hover {
  -mx-content-image: url('./img/play-hover.svg');
}
.collection-menu-set-active:active {
  -mx-content-image: url('./img/play-active.svg');
}

.collection-menu-edit {
  -mx-content-image: url('./img/edit.svg');
}
.collection-menu-edit:hover {
  -mx-content-image: url('./img/edit-hover.svg');
}
.collection-menu-edit:active {
  -mx-content-image: url('./img/edit-active.svg');
}

.collection-menu-remove {
  -mx-content-image: url('./img/delete.svg');
}
.collection-menu-remove:hover {
  -mx-content-image: url('./img/delete-hover.svg');
}
.collection-menu-remove:active {
  -mx-content-image: url('./img/delete-active.svg');
}

#create-background {}

#create-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
#create-overlay:hover {
  background-color: rgba(0, 0, 0, 0);
}

.create-icon {
  -mx-content-image: url('./img/add.svg');
}
/* ===================================================================
 * SearchPanel (searchPanel.js)
 * ===================================================================*/
#searchPanel-background {}

#searchPanel-overlay {}

.searchPanel-layout {
  padding: 20;
  -mx-spacing: 10;
}

.searchPanel-name-label {
  color: rgb(255, 255, 255);
  font-size: 14pt;
  font-weight: bold;
}

.searchPanel-expander {
  border-image: url('./img/searchPanel-property-button-background.png') 2;
}
.searchPanel-expander-icon {
  -mx-content-image: url('./img/expander-open.png');
}
.searchPanel-expander-checked {
  border-image: url('./img/searchPanel-property-button-background.png') 2;
}
.searchPanel-expander-checked-icon {
  -mx-content-image: url('./img/expander-close.png');
}
.searchPanel-clear-button {
  margin: 0 0 0 5;
  -mx-content-image: url('./img/clear.svg');
}
.searchPanel-clear-button:hover {
  -mx-content-image: url('./img/clear-hover.svg');
}
.searchPanel-clear-button:active {
  -mx-content-image: url('./img/clear-active.svg');
}
.searchPanel-search-button {
  margin: 0 0 0 10;
  -mx-content-image: url('./img/search.svg');
}
.searchPanel-search-button:hover {
  -mx-content-image: url('./img/search-hover.svg');
}
.searchPanel-search-button:active {
  -mx-content-image: url('./img/search-active.svg');
}

.searchPanel-property-layout {
  -mx-column-spacing: 10;
  -mx-row-spacing: 5;
}
.searchPanel-property-button {
  border-image: url('./img/searchPanel-property-button-background.png') 1;
  color: rgb(200, 200, 200);
  font-size: 12pt;
}
.searchPanel-property-button:hover {
  border-image: url('./img/searchPanel-property-button-background.png') 1;
  color: rgb(255, 255, 255);
}
.searchPanel-property-button:active {
  border-image: url('./img/searchPanel-property-button-background.png') 1;
  color: rgb(200, 200, 200);
}

.searchPanel-group-button {
  margin: 5;
  -mx-content-image: url('./img/checkbox-unchecked.svg');  
}
.searchPanel-group-button:hover {
  -mx-content-image: url('./img/checkbox-unchecked-hover.svg');
}
.searchPanel-group-button:active {
  -mx-content-image: url('./img/checkbox-unchecked-active.svg');
}
.searchPanel-group-button:checked {
  -mx-content-image: url('./img/checkbox-checked.svg');
}
.searchPanel-group-button:checked:hover {
  -mx-content-image: url('./img/checkbox-checked-hover.svg');
}
.searchPanel-group-button:checked:active {
  -mx-content-image: url('./img/checkbox-checked-active.svg');
}
.searchPanel-group-label {
  padding: 4 0 0 0;
  color: rgb(200, 200, 200);
  font-size: 12pt;
}

/* ===================================================================
 * BottomPanel (bottomPanel.js)
 * ===================================================================*/
#bottomPanel-background {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5 5 5 10;
}

#bottomPanel-overlay {}

.bottomPanel-hbox {
  -mx-spacing: 10;
}

.bottomPanel-menu {
  -mx-content-image: url('./img/menu.svg');
}
.bottomPanel-menu:hover {
  -mx-content-image: url('./img/menu-hover.svg');
}
.bottomPanel-menu:active {
  -mx-content-image: url('./img/menu-active.svg');
}

.bottomPanel-refresh {
  -mx-content-image: url('./img/refresh.svg');
}
.bottomPanel-refresh:hover {
  -mx-content-image: url('./img/refresh-hover.svg');
}
.bottomPanel-refresh:active {
  -mx-content-image: url('./img/refresh-active.svg');
}

.bottomPanel-fullscreen {
  -mx-content-image: url('./img/fullscreen.svg');
}
.bottomPanel-fullscreen:hover {
  -mx-content-image: url('./img/fullscreen-hover.svg');
}
.bottomPanel-fullscreen:active {
  -mx-content-image: url('./img/fullscreen-active.svg');
}

.bottomPanel-import {
  -mx-content-image: url('./img/folder-new.svg');
}
.bottomPanel-import:hover {
  -mx-content-image: url('./img/folder-new-hover.svg');
}
.bottomPanel-import:active {
  -mx-content-image: url('./img/folder-new-active.svg');
}

.bottomPanel-quit {
  -mx-content-image: url('./img/close.svg');
}
.bottomPanel-quit:hover {
  -mx-content-image: url('./img/close-hover.svg');
}
.bottomPanel-quit:active {
  -mx-content-image: url('./img/close-active.svg');
}

.bottomPanel-label {
  padding: 2 0 0 2;
  color: rgb(255, 255, 255);
  font-size: 12pt;
}

/* ===================================================================
 * TracklistPanel (tracklistPanel.js)
 * ===================================================================*/
.tracklistPanel-background-cover {
  margin: 45 0 0 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.tracklistPanel-background-close {
  -mx-content-image: url('./img/alpha.png');
}
.tracklistPanel-background-close:hover {
  -mx-content-image: url('./img/alpha.png');
}
.tracklistPanel-background-close:active {
  -mx-content-image: url('./img/alpha.png');
}

#tracklistPanel-background {
  margin: 0 0 2 0;
  padding: 10;
  border-image: url('./img/tracklistPanel-background.png') 6;
}

#tracklistPanel-overlay {}

.tracklistPanel-artist {
  padding: 5 100 5 5;
  color: rgb(255, 255, 255);
  font-size: 14pt;
  font-weight: bold;
}

.tracklistPanel-album {
  padding: 5 100 5 5;
  color: rgb(255, 255, 255);
  font-size: 12pt;
}

.tracklistPanel-name-layout {
  padding: 5 325 5 5;
}

.tracklistPanel-name-button-layout {
  padding: 2;
  -mx-spacing: 5;
}

.tracklistPanel-name-label {
  padding: 8 34 2 2;
  color: rgb(255, 255, 255);
  font-size: 10pt;
  font-weight: bold;
}

.tracklistPanel-name-edit {
  -mx-content-image: url('./img/edit.svg');
}
.tracklistPanel-name-edit:hover {
  -mx-content-image: url('./img/edit-hover.svg');
}
.tracklistPanel-name-edit:active {
  -mx-content-image: url('./img/edit-active.svg');
}
.tracklistPanel-name-cancel {
  -mx-content-image: url('./img/cancel.svg');
}
.tracklistPanel-name-cancel:hover {
  -mx-content-image: url('./img/cancel-hover.svg');
}
.tracklistPanel-name-cancel:active {
  -mx-content-image: url('./img/cancel-active.svg');
}
.tracklistPanel-name-save {
  -mx-content-image: url('./img/save.svg');
}
.tracklistPanel-name-save:hover {
  -mx-content-image: url('./img/save-hover.svg');
}
.tracklistPanel-name-save:active {
  -mx-content-image: url('./img/save-active.svg');
}
.tracklistPanel-name-save-as {
  -mx-content-image: url('./img/save-as.svg');
}
.tracklistPanel-name-save-as:hover {
  -mx-content-image: url('./img/save-as-hover.svg');
}
.tracklistPanel-name-save-as:active {
  -mx-content-image: url('./img/save-as-active.svg');
}

.tracklistPanel-layout-album {}

.tracklistPanel-layout-playlist {}

.tracklistPanel-layout-collection {
  padding: 0 14 0 0;
}

#albumPanel-albumart-background {
  padding: 30 5 5 5;
}

#albumPanel-albumart-overlay {}

.albumPanel-tracklist-vbox {
  padding: 0 0 0 5;
}

.albumPanel-control {
  padding: 5;
  -mx-spacing: 4;
}

.albumPanel-tracklist-add-all {
  -mx-content-image: url('./img/add.svg');
}
.albumPanel-tracklist-add-all:hover {
  -mx-content-image: url('./img/add-hover.svg');
}
.albumPanel-tracklist-add-all:active {
  -mx-content-image: url('./img/add-active.svg');
}

.albumPanel-tracklist-select-all {
  -mx-content-image: url('./img/select.svg');
}
.albumPanel-tracklist-select-all:hover {
  -mx-content-image: url('./img/select-hover.svg');
}
.albumPanel-tracklist-select-all:active {
  -mx-content-image: url('./img/select-active.svg');
}
.albumPanel-tracklist-select-all:checked {
  -mx-content-image: url('./img/select-checked.svg');
}
.albumPanel-tracklist-select-all:checked:hover {
  -mx-content-image: url('./img/select-checked-hover.svg');
}
.albumPanel-tracklist-select-all:checked:active {
  -mx-content-image: url('./img/select-checked-active.svg');
}

.albumPanel-tracklist-scrollview {}

.albumPanel-tracklist-layout {}

.albumPanel-tracklist {}

.tracklistPanel-close {
  -mx-content-image: url('./img/close.svg');
}
.tracklistPanel-close:hover {
  -mx-content-image: url('./img/close-hover.svg');
}
.tracklistPanel-close:active {
  -mx-content-image: url('./img/close-active.svg');
}

.tracklistentry-background {
  padding: 4;
  border-image: url('./img/tracklistentry-background.png') 6;
}

.tracklistentry-tracknr {
  padding: 0 0 0 4;
  color: rgb(255, 255, 255);
  font-size: 15pt;
}

.tracklistentry-title {
  padding: 0 0 0 4;
  color: rgb(255, 255, 255);
  font-size: 10pt;
}

.tracklistentry-artist {
  padding: 0 0 0 4;
  color: rgb(255, 255, 255);
  font-size: 10pt;
  font-weight: bold;
}

.tracklistentry-duration {
  color: rgb(255, 255, 255);
  font-size: 10pt;
}

.tracklistentry-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
.tracklistentry-overlay:hover {
  background-color: rgba(0, 0, 0, 0);
}
.tracklistentry-overlay:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.tracklistentry-overlay:selected {
  background-color: rgba(255, 255, 255, 0.1);
}

.tracklistentry-menu-layout {
  padding: 0 10 5 0;
  -mx-spacing: 5;
}

.tracklistentry-menu-play {
  -mx-content-image: url('./img/play.svg');
}
.tracklistentry-menu-play:hover {
  -mx-content-image: url('./img/play-hover.svg');
}
.tracklistentry-menu-play:active {
  -mx-content-image: url('./img/play-active.svg');
}

.tracklistentry-menu-selected {
  -mx-content-image: url('./img/select.svg');
}
.tracklistentry-menu-selected:hover {
  -mx-content-image: url('./img/select-hover.svg');
}
.tracklistentry-menu-selected:active {
  -mx-content-image: url('./img/select-active.svg');
}
.tracklistentry-menu-selected:checked {
  -mx-content-image: url('./img/select-checked.svg');
}
.tracklistentry-menu-selected:checked:hover {
  -mx-content-image: url('./img/select-checked-hover.svg');
}
.tracklistentry-menu-selected:checked:active {
  -mx-content-image: url('./img/select-checked-active.svg');
}

.tracklistentry-menu-append {
  -mx-content-image: url('./img/add.svg');
}
.tracklistentry-menu-append:hover {
  -mx-content-image: url('./img/add-hover.svg');
}
.tracklistentry-menu-append:active {
  -mx-content-image: url('./img/add-active.svg');
}

.tracklistentrydraghandle-background {
  padding: 4;
  border-image: url('./img/playlistentrydraghandle-background.png') 6;
}

.tracklistentrydraghandle-title {
  padding: 0 0 0 4;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10pt;
}

.tracklistentrydraghandle-artist {
  padding: 0 0 0 4;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10pt;
  font-weight: bold;
}

/* ===================================================================
 * PlaylistPanel (playlistPanel.js)
 * ===================================================================*/
#playlistPanel-background {
  background-color: rgba(0, 0, 0, 0.3);
}

#playlistPanel-overlay {}

.playlistPanel-vbox {
  background-color: rgba(0, 0, 0, 0.3);
}
.playlistPanel-vbox:drop-indicator {
  background-color: rgba(255, 255, 255, 0.3);
}

.playlistPanel-name-button-layout {
  padding: 2 0 2 0;
}

.playlistPanel-name-label {
  padding: 8 34 2 2;
  color: rgb(255, 255, 255);
  font-size: 10pt;
  font-weight: bold;
}

.playlistPanel-name-edit {
  margin: 2;
  -mx-content-image: url('./img/edit.svg');
}
.playlistPanel-name-edit:hover {
  -mx-content-image: url('./img/edit-hover.svg');
}
.playlistPanel-name-edit:active {
  -mx-content-image: url('./img/edit-active.svg');
}
.playlistPanel-name-cancel {
  margin: 2;
  -mx-content-image: url('./img/cancel.svg');
}
.playlistPanel-name-cancel:hover {
  -mx-content-image: url('./img/cancel-hover.svg');
}
.playlistPanel-name-cancel:active {
  -mx-content-image: url('./img/cancel-active.svg');
}
.playlistPanel-name-save {
  margin: 2;
  -mx-content-image: url('./img/save.svg');
}
.playlistPanel-name-save:hover {
  -mx-content-image: url('./img/save-hover.svg');
}
.playlistPanel-name-save:active {
  -mx-content-image: url('./img/save-active.svg');
}

.playlistPanel-control {
  margin: 2;
  background-color: rgb(0, 0, 0);
}

.playlistPanel-scrollview {
}

.playlistPanel-tracklist {
  -mx-spacing: 0; /* spacing makes drag and drop much more complex */
}

.playlistPanel-control-clear {
  margin: 2;
  -mx-content-image: url('./img/clear.svg');
}
.playlistPanel-control-clear:hover {
  -mx-content-image: url('./img/clear-hover.svg');
}
.playlistPanel-control-clear:active {
  -mx-content-image: url('./img/clear-active.svg');
}

.playlistPanel-control-repeat {
  margin: 2;
  -mx-content-image: url('./img/repeat-off.svg');
}
.playlistPanel-control-repeat:hover {
  -mx-content-image: url('./img/repeat-off-hover.svg');
}
.playlistPanel-control-repeat:active {
  -mx-content-image: url('./img/repeat-off-active.svg');
}
.playlistPanel-control-repeat:checked {
  -mx-content-image: url('./img/repeat-on.svg');
}
.playlistPanel-control-repeat:checked:hover {
  -mx-content-image: url('./img/repeat-on-hover.svg');
}
.playlistPanel-control-repeat:checked:active {
  -mx-content-image: url('./img/repeat-on-active.svg');
}

.playlistPanel-control-repeat1 {
  margin: 2;
  -mx-content-image: url('./img/repeat1-off.svg');
}
.playlistPanel-control-repeat1:hover {
  -mx-content-image: url('./img/repeat1-off-hover.svg');
}
.playlistPanel-control-repeat1:active {
  -mx-content-image: url('./img/repeat1-off-active.svg');
}
.playlistPanel-control-repeat1:checked {
  -mx-content-image: url('./img/repeat1-on.svg');
}
.playlistPanel-control-repeat1:checked:hover {
  -mx-content-image: url('./img/repeat1-on-hover.svg');
}
.playlistPanel-control-repeat1:checked:active {
  -mx-content-image: url('./img/repeat1-on-active.svg');
}

.playlistPanel-control-shuffle {
  margin: 2;
  -mx-content-image: url('./img/shuffle.svg');
}
.playlistPanel-control-shuffle:hover {
  -mx-content-image: url('./img/shuffle-hover.svg');
}
.playlistPanel-control-shuffle:active {
  -mx-content-image: url('./img/shuffle-active.svg');
}

.playlistPanel-mouse-over-scroll-up {
  background-image: url('./img/mouse-over-scroll-up.png');
}

.playlistPanel-mouse-over-scroll-down {
  background-image: url('./img/mouse-over-scroll-down.png');
}

.playlistentry-background {
  padding: 4;
  border-image: url('./img/playlistentry-background.png') 6;
}

.playlistentry-current-pos {
  border-image: url('./img/playlistentry-current-pos.png');
}

.playlistentry-title {
  padding: 0 0 0 4;
  color: rgb(255, 255, 255);
  font-size: 10pt;
}

.playlistentry-artist {
  padding: 0 0 0 4;
  color: rgb(255, 255, 255);
  font-size: 10pt;
  font-weight: bold;
}

.playlistentry-duration {
  color: rgb(255, 255, 255);
  font-size: 10pt;
}

.playlistentry-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
.playlistentry-overlay:hover {
  background-color: rgba(0, 0, 0, 0);
}
.playlistentry-overlay:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.playlistentry-overlay:selected {
  background-color: rgba(255, 255, 255, 0.1);
}
.playlistentry-overlay:drop-indicator {
  border-image: url('./img/drop-indicator.png');
}

.playlistentry-menu-layout {
  padding: 0 10 5 0;
  -mx-spacing: 5;
}

.playlistentry-menu-play {
  -mx-content-image: url('./img/play.svg');
}
.playlistentry-menu-play:hover {
  -mx-content-image: url('./img/play-hover.svg');
}
.playlistentry-menu-play:active {
  -mx-content-image: url('./img/play-active.svg');
}

.playlistentry-menu-selected {
  -mx-content-image: url('./img/select.svg');
}
.playlistentry-menu-selected:hover {
  -mx-content-image: url('./img/select-hover.svg');
}
.playlistentry-menu-selected:active {
  -mx-content-image: url('./img/select-active.svg');
}
.playlistentry-menu-selected:checked {
  -mx-content-image: url('./img/select-checked.svg');
}
.playlistentry-menu-selected:checked:hover {
  -mx-content-image: url('./img/select-checked-hover.svg');
}
.playlistentry-menu-selected:checked:active {
  -mx-content-image: url('./img/select-checked-active.svg');
}

.playlistentry-menu-delete {
  -mx-content-image: url('./img/delete.svg');
}
.playlistentry-menu-delete:hover {
  -mx-content-image: url('./img/delete-hover.svg');
}
.playlistentry-menu-delete:active {
  -mx-content-image: url('./img/delete-active.svg');
}

.playlistentrydraghandle-background {
  padding: 4;
  border-image: url('./img/playlistentrydraghandle-background.png') 6;
}

.playlistentrydraghandle-title {
  padding: 0 0 0 4;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10pt;
}

.playlistentrydraghandle-artist {
  padding: 0 0 0 4;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10pt;
  font-weight: bold;
}
